@()(implicit flash: Flash,messages: Messages)
<style>
		.registration-form input[type="text"], .registration-form input[type="password"], .registration-form input[type="email"] {
			padding: 10px 15px;
			height: auto;
		}

		.form-control {
			height: 50px !important;
			font-size: 16px !important;
		}

		.input-icon > i {
			margin-top: 17px !important;
			margin-right: 2px;
			margin-bottom: 4px;
			margin-left: 10px;
		}

		.form-horizontal .form-group {
			margin-right: -0px !important;
			margin-left: -0px !important;
		}

		.error {
			color: red;
		}

</style>
<!DOCTYPE html>

<html lang="en">
	<head>
		<title id="shareTitle">@messages("loginIn")</title>

		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrapvalidator-master/dist/css/bootstrapValidator.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-theme.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-responsive.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("font-awesome-4.7.0/css/font-awesome.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/layout.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/uniform.default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("simple-line-icons/simple-line-icons.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/doc.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("select2-4.0.3/dist/css/select2.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-fileinput-master/css/fileinput.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/components.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/register.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("layui/css/layui.css")">
		<script src="@routes.Assets.at("bootstrap/js/jquery-3.1.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrapvalidator-master/dist/js/bootstrapValidator.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("layer-v3.0/layer/layer.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/select2.full.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/fileinput.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/locales/zh.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/bootstrap-table-export.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/tableExport.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/multiple-search/bootstrap-table-multiple-search.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("jquery-backstretch-master/jquery.backstretch.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("distpicker-master/dist/distpicker.min.js")" type="text/javascript"></script>

		<script src="@routes.AppController.javascriptRoutes" type="text/javascript"></script>

	</head>

	<body class="layui-login-body">
		<div class="layui-login">

			<div class="login-header">
				<h2>
					<img class="login-logo login-6" src="@routes.Assets.at("images/logo.png")"
					style="width: 300px">
				</h2>
			</div>

			<div class="layadmin-user-login-main">
				<div class="layadmin-user-login-header">
					<h3 class="current">@messages("AccountLogin")</h3>
					<h3><a href="@routes.AppController.phoneLoginBefore">@messages("SMSLogin")</a></h3>
				</div>
				<div class="layadmin-user-login-body layui-form">

					<form id="form" class=" form-horizontal layui-form reg-con" accept-charset="UTF-8"
					action="@routes.AppController.login" method="post" style="margin-top: 30px;">

						<span class="@flash.get("class")" style="line-height: 35px;" id="error">@if(flash.get("info").isDefined) {
							@Html(flash.get("info").get)
						}
						</span>

						<div class="form-group layui-form-item">
							<div class="input-icon">
								<i class="fa fa-user-o"></i>
								<input type="text" class="form-control layui-input" placeholder="@messages("phoneNumber")/@messages("email")" name="email"> </div>
						</div>

						<div class="form-group layui-form-item">
							<div class="input-icon">
								<i class="fa fa-lock"></i>
								<input type="password"  autocomplete="off" class="form-control layui-input" placeholder="@messages("password")" name="password"> </div>
						</div>

						<div class="form-group layui-form-item" >
							<div class="actions  col-sm-12 layui-input-block" style="padding-left: 0px;
								padding-right: 0px">
								<button type="submit" class="btn layui-btn layui-btn-fluid layui-btn-blue" id="search" >
									@messages("loginIn")</button>
							</div>
						</div>

					</form>

					<div class="bot">
						<div><a href="@routes.AppController.registerBefore">@messages("RegisterAccount")</a>
							| <a href="@routes.AppController.newPasswordBefore" class="layadmin-user-jump-change layadmin-link">
								@messages("forgotPassword")？</a></div>
					</div>
				</div>
			</div>

		</div>

		<div class="layadmin-user-login-footer">
			COPYRIGHT@@2020 麦特绘谱生物科技(上海)有限公司(Metabo-Profile) 网址：<a href="http://www.metaboprofile.com/">
			https://www.metaboprofile.com</a>
		</div>

		@scalajs.html.scripts("client", routes.Assets.at(_).toString, name => getClass.getResource(s"/public/$name") != null)

		<script>

				$(function () {
					App.init

				})

		</script>


	</body>

</html>
